用HTML5大綱算法做SEO
一.什么是HTML5大綱算法
HTML5大綱算法指的是:通過處理section、article、aside、nav、等區(qū)塊元素中的h1-h6標(biāo)題元素來提取文檔大綱(outline)的算法。作為深入研究語義標(biāo)簽的SEOER來說,應(yīng)該能夠很敏銳的洞察到該算法將在SEO過程中發(fā)揮的重要作用。并將其應(yīng)用到日常的網(wǎng)站優(yōu)化過程中。
二.大綱算法所涉及的區(qū)塊標(biāo)簽
定義區(qū)塊<section>標(biāo)簽:
section表示區(qū)塊,用于標(biāo)識文檔中的節(jié),多用于在頁面上對內(nèi)容進(jìn)行分區(qū),例如,章節(jié)、頁眉、頁腳或文檔中的其他部分。
定義文章塊<article>標(biāo)簽:
article表示文章,用來標(biāo)識頁面中一塊完整的、獨(dú)立的、可以被轉(zhuǎn)發(fā)的內(nèi)容。
定義側(cè)欄<aside>標(biāo)簽:
aside表示側(cè)邊,用來標(biāo)識所處內(nèi)容之外的內(nèi)容。aside內(nèi)容應(yīng)該與所處的附近內(nèi)容相關(guān)。例如,當(dāng)前頁面或文章的附屬信息部分,它可以包含與當(dāng)前頁面或主要內(nèi)容相關(guān)的引用、側(cè)邊廣告、導(dǎo)航條,以及其他類似的有別于主要內(nèi)容的部分。
定義導(dǎo)航<nav>標(biāo)簽:
nav表示導(dǎo)航條,用來標(biāo)識頁面導(dǎo)航的鏈接組。一個頁面中可以擁有多個nav元素,作為頁面整體或不同部分的導(dǎo)航。具體應(yīng)用場包括:主菜單導(dǎo)航、側(cè)邊欄導(dǎo)航、翻頁導(dǎo)航等。
三.區(qū)塊標(biāo)簽的使用注意事項(xiàng)
我們在采用這些HTM5新增的語義標(biāo)簽對頁面代碼進(jìn)行重構(gòu)時,經(jīng)常會遇到各種各樣的問題,在此,我將多年來做SEO過程中遇到的各種主要問題進(jìn)行匯總,羅列到這里,希望對大家有所幫助,如有欠妥或解釋不清的地方,也歡迎前端和SEO同行一起討論,共同進(jìn)步。
section與div的區(qū)別:
雖然section與div都可以對頁面進(jìn)行分區(qū),但:div元素關(guān)注的是:結(jié)構(gòu)的獨(dú)立性,而section關(guān)注的是:內(nèi)容的獨(dú)立性。當(dāng)一個容器需要被直接定義樣式或通過腳本定義行為時,推薦使用div。
article與section的區(qū)別:
我們可以將article看做是一種特殊功能的section元素,它比section元素更強(qiáng)調(diào)獨(dú)立性。即section元素強(qiáng)調(diào)分段或分塊,而article強(qiáng)調(diào)獨(dú)立性。具體來說,如果一塊內(nèi)容相對來說比較獨(dú)立、完整的時候,應(yīng)該使用article元素,但是如果想將一塊內(nèi)容分成幾段的時候,應(yīng)該使用section元素。
nav與menu元素的區(qū)別:
menu標(biāo)簽用來定義帶有明確操作指令如:打開,新建,保存的菜單。而nav只是定義一個指向某個具體頁面的導(dǎo)航。因此二者不能互相替代,通常在網(wǎng)頁開發(fā)過程中只使用nav標(biāo)簽。
四.H標(biāo)題在區(qū)塊元素中的應(yīng)用
在article元素中必須包含一個H1標(biāo)題標(biāo)簽,用以說明整篇網(wǎng)頁內(nèi)容的核心主題。
在section元素中必須包含一個H2標(biāo)題標(biāo)簽,通常情況下,這個H2標(biāo)簽是對article元素中的H1標(biāo)題標(biāo)簽的解釋說明。
當(dāng)出于設(shè)計(jì),美觀,用戶體驗(yàn)的角度考慮,無處安放顯性H1標(biāo)記時,可以在nav元素中的當(dāng)前頁鏈接中插入H1標(biāo)記。
在aside元素中可以包含一個或多個H3-H6標(biāo)題標(biāo)記,aside元素中的標(biāo)題元素級別必須低于正文中最低標(biāo)題級別。
五.關(guān)鍵詞布局策略
每個H標(biāo)題標(biāo)簽中盡量顯性出現(xiàn)核心關(guān)鍵詞,若不能,則需要在title屬性中將表意完整的標(biāo)題文案補(bǔ)充完整?;虿捎靡詧D換字策略,將完整表意標(biāo)題補(bǔ)充完整。